<template>
    <div id="recommend">
      <img style="pointer-events: none;" src="@/assets/recommend/head_img.jpg" alt="">
      <div v-for="item in goods_list">
        <img :src="item.val" @click="toDetail(item.id)" alt="">
      </div>
      <img src="@/assets/recommend/foot_img.jpg" alt="">
    </div>
</template>

<script>
  import { toDetail } from '@/utils/appnativefunc.js'
    export default {
        name: "",
        data(){
          return {
            goods_list:[
              {val:require('@/assets/recommend/shop_goods_01.jpg'),id:'1'},
              {val:require('@/assets/recommend/shop_goods_02.jpg'),id:'2'},
              {val:require('@/assets/recommend/shop_goods_03.jpg'),id:'3'}
            ]
          }
        },
        methods:{
          toDetail
        }
    }
</script>

<style scoped>

</style>
